<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>漫威英雄</title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/publicpack.css">
		<meta name="viewport"
		      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">		
	</head>
	<body>
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
		<!-- 导航容器一般使用nav标签来定义:小屏幕垂直堆叠 -->
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
		         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
		     <span class="navbar-toggler-icon"></span>
		 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
		<div id="m_toparea">
	    <div class="m_topwrap clearfix">
			<div class="m_topleft fl">
				<img src="img/logo.jpg" />
			</div>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
			         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			     <span class="navbar-toggler-icon"></span>
			 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
	        <div class="collapse navbar-collapse" id="navbarSupportedContent">
	            <ul class="navbar-nav mr-auto">
	                <li class="nav-item">
	                    <a href="index.html" class="cur" >首页</a>
	                </li>
	                <li class="nav-item">
	                    <a class="goTarget" href="#m_news" data-target="m_news">
	                        最新动态
	                    </a>
	                </li>
	               <li class="nav-item dropdown">
	                   <a class="mwword" href="#" id="navbarDropdown" role="button"
	                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	                       漫威宇宙
	                   </a>
	                   <div class="dropdown-menu" aria-labelledby="navbarDropdown">
	                       <a class="dropdown-item" href="#m_movie">电影</a>
	                       <div class="dropdown-divider"></div>
	                       <a class="dropdown-item" href="#m_animation">动漫</a>
	                   </div>
	               </li>
	            </ul>
	        </div>
	    </div>
		</div>
	</nav>
	<div id="m_chartitle">
		<h2>漫 威 角 色</h2>
	</div>
	<div id="m_character">
		<div class="m_characterlist">
				<div class="m_larrow">
					<div class="prevwrap"></div>
					<a href="#" class="prev">左键头</a>
				</div>
				<div class="m_rarrow">
				<div class="nextwrap"></div>
					<a href="#" class="next">右键头</a>
				</div>
				<div class="m_picwrap" style="left: -1311px;">
					<ul class="m_c01 clearfix">
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp1.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>蜘蛛侠</h4>
								<h5>SPIDER-MAN</h5>
								<span class="m_chanr">
									<a href="hero_1.1.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp2.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>钢铁侠</h4>
								<h5>IRON MAN</h5>
								<span class="m_chanr">
									<a href="hero_1.2.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp3.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>绿巨人</h4>
								<h5>HULK</h5>
								<span class="m_chanr">
									<a href="hero_1.3.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp4.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>雷神（索尔）</h4>
								<h5>THOR</h5>
								<span class="m_chanr">
									<a href="hero_1.4.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp5.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>黑寡妇</h4>
								<h5>BLACK WIDOW</h5>
								<span class="m_chanr">
									<a href="hero_1.5.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp6.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>美国队长</h4>
								<h5>CAPTAIN AMERICA</h5>
								<span class="m_chanr">
									<a href="hero_1.6.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp7.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>金刚狼</h4>
								<h5>WOLVERINE</h5>
								<span class="m_chanr">
									<a href="hero_1.7.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp8.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>鹰眼</h4>
								<h5>HAWKEYE</h5>
								<span class="m_chanr">
									<a href="hero_1.8.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp9.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>奥创</h4>
								<h5>ULTRON</h5>
								<span class="m_chanr">
									<a href="hero_1.9.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp10.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>洛基</h4>
								<h5>LOKI</h5>
								<span class="m_chanr">
									<a href="hero_1.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
					</ul>
					
					<!-------------------------------------------- 第二行 -->
					
					<ul class="m_c02 clearfix">
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp11.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>红骷髅</h4>
								<h5>RED SKULL</h5>
								<span class="m_chanr">
									<a href="hero_2.1.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp12.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>灭霸</h4>
								<h5>THANOS</h5>
								<span class="m_chanr">
									<a href="hero_2.2.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp13.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>万磁王</h4>
								<h5>MAGNETO</h5>
								<span class="m_chanr">
									<a href="hero_2.3.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp14.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>毁灭博士</h4>
								<h5>DR. DOOM</h5>
								<span class="m_chanr">
									<a href="hero_2.4.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp15.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>绿魔</h4>
								<h5>GREEN GOBLIN</h5>
								<span class="m_chanr">
									<a href="hero_2.5.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp16.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>魔形女</h4>
								<h5>MYSTIQUE</h5>
								<span class="m_chanr">
									<a href="hero_2.6.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp17.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>黑豹</h4>
								<h5>BLACK PANTHER</h5>
								<span class="m_chanr">
									<a href="hero_2.7.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp18.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>冬日战士</h4>
								<h5>WINTER SOLDIER</h5>
								<span class="m_chanr">
									<a href="hero_2.8.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp19.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>死侍</h4>
								<h5>DEADPOOL</h5>
								<span class="m_chanr">
									<a href="hero_2.9.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp20.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>狂暴恶煞</h4>
								<h5>ABOMINAYION</h5>
								<span class="m_chanr">
									<a href="hero_2.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
					</ul>
					<!-- 第三行 -->
					<ul class="m_c03 clearfix">
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp21.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>满大人</h4>
								<h5>MANDARIN</h5>
								<span class="m_chanr">
									<a href="hero_3.1.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp22.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>猎鹰</h4>
								<h5>FALCON</h5>
								<span class="m_chanr">
									<a href="hero_3.2.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp23.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>Ｘ－教授</h4>
								<h5>PROFESSOR X</h5>
								<span class="m_chanr">
									<a href="hero_3.3.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp24.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>天启巨人</h4>
								<h5>APOCALYPSE</h5>
								<span class="m_chanr">
									<a href="hero_3.4.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp25.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>复仇者联盟</h4>
								<h5>AVENGERS</h5>
								<span class="m_chanr">
									<a href="hero_3.5.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp26.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>银河护卫队</h4>
								<h5>GUARDIANS OF THE GALAXY</h5>
								<span class="m_chanr">
									<a href="hero_3.6.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp27.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>Ｘ－战警</h4>
								<h5>X-MEN</h5>
								<span class="m_chanr">
									<a href="hero_3.7.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp28.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>神盾局</h4>
								<h5>S.H.I.E.L.D</h5>
								<span class="m_chanr">
									<a href="hero_3.8.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp29.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>九头蛇</h4>
								<h5>HYDRA</h5>
								<span class="m_chanr">
									<a href="hero_3.9.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp30.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>神奇四侠</h4>
								<h5>FANTASTIC FOUR</h5>
								<span class="m_chanr">
									<a href="hero_3.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
					</ul>
				</div>
		<!-- 		第二页--第一行 ------------>
				<div class="m_picwrap" style="left: 700px;">
					<ul class="m_c01 clearfix">
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp1.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>蜘蛛侠</h4>
								<h5>SPIDER-MAN</h5>
								<span class="m_chanr">
									<a href="hero_1.1.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp2.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>钢铁侠</h4>
								<h5>IRON MAN</h5>
								<span class="m_chanr">
									<a href="hero_1.2.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp3.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>绿巨人</h4>
								<h5>HULK</h5>
								<span class="m_chanr">
									<a href="hero_1.3.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp4.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>雷神（索尔）</h4>
								<h5>THOR</h5>
								<span class="m_chanr">
									<a href="hero_1.4.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp5.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>黑寡妇</h4>
								<h5>BLACK WIDOW</h5>
								<span class="m_chanr">
									<a href="hero_1.5.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp6.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>美国队长</h4>
								<h5>CAPTAIN AMERICA</h5>
								<span class="m_chanr">
									<a href="hero_1.6.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp7.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>金刚狼</h4>
								<h5>WOLVERINE</h5>
								<span class="m_chanr">
									<a href="hero_1.7.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp8.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>鹰眼</h4>
								<h5>HAWKEYE</h5>
								<span class="m_chanr">
									<a href="hero_1.8.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp9.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>奥创</h4>
								<h5>ULTRON</h5>
								<span class="m_chanr">
									<a href="hero_1.9.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp10.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>洛基</h4>
								<h5>LOKI</h5>
								<span class="m_chanr">
									<a href="hero_1.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
					</ul>
					
					<!-------------------------------------------- 第二行 -->
					<!-------------------------------------------- 第二行 -->
					
					<ul class="m_c02 clearfix">
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp11.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>红骷髅</h4>
								<h5>RED SKULL</h5>
								<span class="m_chanr">
									<a href="hero_2.1.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp12.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>灭霸</h4>
								<h5>THANOS</h5>
								<span class="m_chanr">
									<a href="hero_2.2.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp13.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>万磁王</h4>
								<h5>MAGNETO</h5>
								<span class="m_chanr">
									<a href="hero_2.3.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp14.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>毁灭博士</h4>
								<h5>DR. DOOM</h5>
								<span class="m_chanr">
									<a href="hero_2.4.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp15.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>绿魔</h4>
								<h5>GREEN GOBLIN</h5>
								<span class="m_chanr">
									<a href="hero_2.5.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp16.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>魔形女</h4>
								<h5>MYSTIQUE</h5>
								<span class="m_chanr">
									<a href="hero_2.6.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp17.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>黑豹</h4>
								<h5>BLACK PANTHER</h5>
								<span class="m_chanr">
									<a href="hero_2.7.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp18.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>冬日战士</h4>
								<h5>WINTER SOLDIER</h5>
								<span class="m_chanr">
									<a href="hero_2.8.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp19.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>死侍</h4>
								<h5>DEADPOOL</h5>
								<span class="m_chanr">
									<a href="hero_2.9.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp20.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>狂暴恶煞</h4>
								<h5>ABOMINAYION</h5>
								<span class="m_chanr">
									<a href="hero_2.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
					</ul>
					<!-- 第三行 -->
					<ul class="m_c03 clearfix">
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp21.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>满大人</h4>
								<h5>MANDARIN</h5>
								<span class="m_chanr">
									<a href="hero_3.1.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp22.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>猎鹰</h4>
								<h5>FALCON</h5>
								<span class="m_chanr">
									<a href="hero_3.2.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp23.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>Ｘ－教授</h4>
								<h5>PROFESSOR X</h5>
								<span class="m_chanr">
									<a href="hero_3.3.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp24.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>天启巨人</h4>
								<h5>APOCALYPSE</h5>
								<span class="m_chanr">
									<a href="hero_3.4.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp25.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>复仇者联盟</h4>
								<h5>AVENGERS</h5>
								<span class="m_chanr">
									<a href="hero_3.5.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp26.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>银河护卫队</h4>
								<h5>GUARDIANS OF THE GALAXY</h5>
								<span class="m_chanr">
									<a href="hero_3.6.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp27.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>Ｘ－战警</h4>
								<h5>X-MEN</h5>
								<span class="m_chanr">
									<a href="hero_3.7.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp28.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>神盾局</h4>
								<h5>S.H.I.E.L.D</h5>
								<span class="m_chanr">
									<a href="hero_3.8.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp29.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>九头蛇</h4>
								<h5>HYDRA</h5>
								<span class="m_chanr">
									<a href="hero_3.9.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
						<li>
							<a href="#" class="m_jspic">
								<img src="img/kp30.jpg" width="200" height="200" alt="角色" title="角色"/>
							</a>
							<div class="m_chad"></div>
							<div class="m_chawz">
								<h4>神奇四侠</h4>
								<h5>FANTASTIC FOUR</h5>
								<span class="m_chanr">
									<a href="hero_3.html" target="_blank">档案</a>
								</span>
							</div>
						</li>
					</ul>
				</div>
		</div>
	</div>
	<div id="m_footer">
		<p style="margin-bottom:10px;">漫威网站</p>
		<p>本项目纯测试学习使用：jshs-阮hq</p>
	</div>
	<!-- jq -->
	<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
	<script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
	<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	<script src="js/manwei.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/Base.js"></script>
	</body>
</html>
